<template>
  <div class="user">
      <div class="userImg">
          <img src="" alt="">
      </div>
      <h2>Web Bolg</h2>
      <p>Only the harvest，to test the significance of the work;
only the contribution,
the value of the square 
can be measured.</p>
  </div>
</template>

<script>
export default {
    name: 'User',
  data () {
    return {
    };
  },

//计算属性，会监听依赖属性值随之变化
  computed: {},

//状态监听
  watch: {},

//过滤器
  filters: {},

//方法
  methods: {},

//组件
  components: {},

//生命周期 - 实例完成
  created() {},

//生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
}
</script>

<style lang='scss' scoped>
.user{
    text-align: center;
    h2{
        margin-top: 0;
    }
    .userImg{
        padding: 50px 0;
        img{
            width: 80px;
            height: 80px;
        }
    }
}
</style>
